
<template>
	<!-- 评价组件 -->
	<view class="">
		<!-- 头部星星区 -->
		<view class="pingjia">
		<text>商品满意度</text>	<rate @change="onChange"></rate>
		</view>
		<view class="fenge"></view>
		<!-- 评价内容区域 -->
		<view class="pingjia_text">
			<input type="text" value="" placeholder="分享你的购买心得" />
			
		</view>
		<view class="fenge1"></view>
		<!-- 添加图片 -->
		<view class="pingjia_img">
			<view>
				<text>商品图片</text>
				<view class="container">
					<uni-section title="只选择图片" type="line">
						<view class="example-body">
							<uni-file-picker limit="9" title="最多选择9张图片"></uni-file-picker>
						</view>
					</uni-section>
				</view>
					
			
			</view>
			
		</view>
		<view class="tijiao">
			<button>提交评价</button>
		</view>
		
		
		
	</view>
	
</template>
 
<script>
import rate from '../../components/rate.vue'
export default {
  name: 'evaluate',
  components:{
	  rate
  },
  data () {
    return {
		title: 'Hello',
		imageValue:[],
		
      
    }
  },
  methods:{
	onChange(d){
		console.log(d)
	},
	upload(){
		this.$refs.files.upload()
	},
	// 获取上传状态
		select(e){
			console.log('选择文件：',e)
		},
		// 获取上传进度
		progress(e){
			console.log('上传进度：',e)
		},	
		// 上传成功
		success(e){
			console.log('上传成功')
		},
		// 上传失败
		fail(e){
			console.log('上传失败：',e)
		}
  },
}
</script>
 
<style lang="less" scoped>
	.pingjia{
		display: flex;
		padding: 20px 10px;
		rate{
			margin-left: 10px;
		}
	}
	.fenge{
		background-color: #F8F8F8;
		height: 1px;
	}
	.fenge1{
		margin-top: 10px;
		background-color: #F8F8F8;
		height: 10px;
	}
	.pingjia_text{
		padding: 10px;
		width: 100%;
		height: 350px;
		border: 1px solid black;
	}
	.pingjia_img{
		padding: 10px;
	}
	.tijiao{
		text-align: center;
	}

</style>